<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=yes">

    <meta content="telephone=yes,email=yes" name="format-detection">
    <!--//自动识别电话号码和邮箱-->

    <meta content="yes" name="apple-mobile-web-app-capable">
    <!--//苹果手机：会删除默认的工具栏和菜单栏，网站开启对web app程序的支持-->
    <meta name="apple-mobile-web-app-status-bar-style" content="default"/>
    <!--//苹果手机：在web app应用下状态条（屏幕顶部条）的颜色,默认值为default（白色），可以定为black（黑色）和black-translucent（灰色半透明）。-->
    <meta name="apple-touch-fullscreen" content="yes"/>
    <!--//苹果手机：如果把一个web app添加到了主屏幕中，那么从主屏幕中打开这个web app则全屏显示-->
    <link rel="apple-touch-icon" href="images/HTML5_Badge_64.png"/>
    <!--//苹果手机：将应用添加到手机主屏幕，会有一个icon可以直接进入-->
    <title>有收入</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <!--初始化样式-->
    <link rel="stylesheet" href="css/reset.css">
    <!--共用样式-->
    <link rel="stylesheet" href="css/common.css">
    <!--整个网站的局部样式-->
    <link rel="stylesheet" href="css/style.css">
    <!--适配样式-->
    <link rel="stylesheet" href="css/styleMedia.css">
    <style>
        html, body {
            position: relative;
            overflow-x: hidden;
        }
    </style>
</head>
<body style="background-color: #f4f9fd;">

<!--header begin-->
<header>
    <div id="flexHeader">
        <div class="div1 mui-action-back"><a><img src="images/icon_arrow_left.png"></a></div>
        <div class="div2">取消任务</div>
        <div class="div3"></div>
    </div>
</header>
<!--header end-->

<!--Cancel the task begin-->
<article>
    <div class="wang-tab">
        <div class="content-incomplete-tasks">
            <div class="wang-tab-content wang-tab-content-1 transition  top-style" >
                <div class="cancel-the-task">
                    <div>今日已撤销1次，超过10次后每次撤销扣除0.1金</div>
                    <div>
                        <p>请你选择理由</p>
                    </div>
                    <div>
                        <!--<form action="" method="post">-->
                        <section>
                            <input name="poor" checked type="radio">
                            <label>商品找不到</label>
                        </section>
                        <section>
                            <input name="poor" type="radio">
                            <label>达不到商家备注的要求</label>
                        </section>
                        <section>
                            <input name="poor" type="radio">
                            <label>不想做了</label>
                        </section>



                        <aside>
                            <main>
                                <p>
                                    近期有用户频繁接单后撤销任务，占用任务资源导致其他用户
                                    可能无法接到该任务，为了保障所有用户和商家的公平权益，
                                    您每天可以免费撤销任务10次，超过后会被扣除0.1金，并相
                                    应降低信用分，请慎重撤销哦!
                                </p>
                            </main>
                        </aside>

                        <a href="#" onclick="test()"><input type="submit" id="summitBut" value="申请取消并派给其他客户" class="user-login-btn-selected"></a>

                        <!--</form>-->
                    </div>
                </div>
            </div>
        </div>
    </div>
</article>
<!--Cancel the task end-->



<!--js-->
<script src="js/mui.min.js"></script>
<script>
    function test() {
    			var res = confirm('今天你开心吗？')
    			if (res) {
    				alert('相当开心');
    			}else{
    				alert('不开心');
    			}
    		}
</script>
</body>
</html>